<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>统一地图平台</title><link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

<body>
    <div>
        #include("layout/header/index.html")
        <div id="page_wrapper" class="page-wrapper example clearfix">
            <div class="content">
                <div class="left_wrapper">
                    #include("./sidebar.html")
                </div>
                <div id="sidebar_top" class="sidebar_top clearfix">
                    <a href="javascript:void(0);">
              可视化JS API 示例
            </a>
                    <!-- <input
              type="text"
              name="sidebar_search"
              id="sidebar_search"
              class="sidebar_search"
              placeholder="在 JS API 示例中搜索"
              data-gid="3"
            />
            <ul id="sidebar_search_sug" class="sidebar_search_sug"></ul> -->
                    <!-- /.sidebar_search_sug -->
                </div>
                <div id="code_wrapper">
                    <div id="col_resize" class="col_resize"></div>
                    <div id="code_arrow" class="show go_back">
                        <span title="显示并修改代码">‹</span>
                        <p title="隐藏代码">›</p>
                    </div>
                    <div id="code_core">
                        <div class="code_related" id="code_related">
                            <div class="code_head">
                                <a id="code_restore" class="code_restore" href="javascript:void(0);">还原</a
                  >
                  <a id="code_run" class="code_run" href="javascript:void(0);"
                    >运行</a
                  >
                  <a id="code_copy" class="code_copy" href="javascript:void(0);"
                    >复制</a
                  >
                  源代码编辑器
                </div>
                <div class="code_body">
                  <textarea name="" id="codes" cols="30" rows="10"></textarea>
                </div>
                <div id="console_wrapper">
                  <div class="code_head">
                    <a
                      id="code_clear"
                      class="code_clear"
                      href="javascript:void(0);"
                      >清空</a
                    >
                    控制台
                  </div>
                  <div id="js_console">
                    <div id="output"></div>
                    <div class="console_content" id="code_console"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="js_demo_body">
            <div id="iframe_wrapper" class="iframe_wrapper">
              <iframe src="./blank.html" id="js_iframe" scrolling="no"></iframe>
              <div id="map_mask" class="map_mask"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>